<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <title>儿童乐园管理系统</title>
    <c:set var="path" value="${pageContext.request.contextPath}"></c:set>
    <link rel="shortcut icon" href="${path}/images/titleico.ico">
    <link rel="stylesheet" href="${path}/layui/css/layui.css">
    <script src="${path}/js/jquery.min.js"></script>
    <script src="${path}/layui/layui.js"></script>
    <style>
        .layui-body{
            overflow-y: hidden;
        }
    </style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">儿童乐园管理系统</div>

        <%--右上角--%>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">管理员：&nbsp;${loginout} </a>
                <dl class="layui-nav-child">
                    <dd><a href="/home/user" target="middle">我的资料</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="javascript:void(0)" onclick="logout();">退出登录</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item">
                    <a href="/home/admininfo"target="middle"> <i class="icon-view-thumb"></i>管理员列表</a>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;"> <i class="icon-view-thumb"></i>会员管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/home/vip" target="middle">&ensp;&ensp;&ensp;会员信息</a></dd>
                        <dd><a href="/home/vipjilu" target="middle">&ensp;&ensp;&ensp;会员卡信息记录</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">套餐/会员卡</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/home/taocanindex" target="middle">&ensp;&ensp;&ensp;套餐列表</a></dd>
                        <dd><a href="/home/vipcard" target="middle">&ensp;&ensp;&ensp;会员卡管理</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">商品管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/home/xsShopping" target="middle">&ensp;&ensp;&ensp;商品销售</a></dd>
                        <dd><a href="/home/shoppingindex" target="middle">&ensp;&ensp;&ensp;商品库存</a></dd>
                        <dd><a href="/home/shoppingXs" target="middle">&ensp;&ensp;&ensp;销售记录</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">积分管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/home/giftindex" target="middle">&ensp;&ensp;&ensp;礼品管理</a></dd>
                        <dd><a href="/home/getbuy" target="middle">&ensp;&ensp;&ensp;礼品兑换记录</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;">设备管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="/home/equip"target="middle">&ensp;&ensp;&ensp;设备列表</a></dd>
                    </dl>
                </li>


            </ul>
        </div>
    </div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <iframe src="" name="middle" width="100%" height="100%" frameborder="0"></iframe>
    </div>
    <div class="layui-footer">
        <!-- 底部固定区域 -->
        儿童乐园管理系统
    </div>
</div>

<script>
    //JavaScript代码区域
    layui.use(['element','layer'], function(){
        var element = layui.element;
        var layer = layui.layer;
    });
</script>
<script>
    layui.use('layer');
    function logout() {
        layer.confirm('确定要退出登录吗?',{icon:3,title:'儿童乐园温馨提示！'},function (index) {
            location.href = "${path}/Login/loginout";
        });
    }
</script>
<script>
    function aa() {
        layer.open({
            type:0,
            title:"儿童乐园系统温馨提示！",
            area:['200px','135px'],
            offset:'rb',
            shift:2,
            shade:0,
            content:'<a href="/home/taocanindex"target="middle" style="color: red">点击我可以查看套餐管理哦！</a>',
            btn : ['就不点你'],
            yes:function (index) {
                layer.close(index);
                setTimeout("aa()",5000);
            },cancel: function(indexs){
                layer.close(indexs);
                setTimeout("aa()",5000);
            }
        })
    }
</script>

<script>
    $(function () {
        setTimeout("aa()",4000);
    })
</script>
</body>
</html>